<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <title></title>

    <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
    <script type="text/javascript" src="../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
</head>

<body class="easyui-layout">
<div data-options="region:'west',split:true,title:'West'" style="width:350px;" class="easyui-layout">
    <div data-options="region:'north',split:false" style="height: 60px;padding: 15px 0 5px 15px;">
        <label>报文格式&nbsp;&nbsp;&nbsp;</label>
        <select class="easyui-combobox" name="synax" style="width:100px;">
            <option value="xml">XML</option>
            <option value="json">JSON</option>
            <option value="fixed">定长</option>
        </select>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="" style="width:45px;margin-left: 10px;">编辑</a>
    </div>

    <div data-options="region:'center',split:false" style="padding:15px;">
        <input class="easyui-textbox" name="message" style="width:100%;height:100%;" data-options="multiline:true">
    </div>

</div>
<div id="content" data-options="region:'center',title:'Center'" class="easyui-layout">

    <div data-options="region:'north',split:false" style="height: 60px;padding: 10px 0 10px 15px;">
        <label>样例描述:&nbsp;&nbsp;&nbsp;</label>
        <input class="easyui-textbox" name="description" style="width:500px;">
    </div>

    <div data-options="region:'center',split:true">
        <table class="easyui-datagrid" title="Basic DataGrid" style="width:100%;height:50%"
               data-options="split:true,singleSelect:true,url:'../data/datagrid_data.json',method:'get'">
            <thead>
            <tr>
                <th data-options="field:'itemid',width:80">Item ID</th>
                <th data-options="field:'productid',width:100">Product</th>
                <th data-options="field:'listprice',width:80,align:'right'">List Price</th>
                <th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
                <th data-options="field:'attr1',width:250">Attribute</th>
                <th data-options="field:'status',width:60,align:'center'">Status</th>
            </tr>
            </thead>
        </table>

        <table id="tt" class="easyui-datagrid" style="width:100%;height:50%"
               data-options="split:true,singleSelect:true" title="Load Data"
               iconCls="icon-save" rownumbers="true" pagination="true">
            <thead>
            <tr>
                <th data-options="field:'id',width:80">Item ID</th>
                <th data-options="field:'name',width:100">Product</th>
                <th data-options="field:'age',width:80,align:'right'">List Price</th>
                <th data-options="field:'address',width:150,align:'right'">Unit Cost</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<script type="text/javascript">
    $("#tt").datagrid({
        fitColumn: true,
        method: "GET",
        url: "../dao/worker",
        onLoadSuccess: function () {
            console.dir(arguments);
        }
    });
</script>
</body>

</html>